<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>业务</title>
    <s:head/>
    <style type="text/css">
        table {
            clear: both;
        }

        /* div{clear: both;} */
        ul, li {
            list-style: none;
        }

        .li1 {
            list-style: none;
            float: left;
        }

        .li2 {
            list-style: none;
            float: left;
        }

        .ul1 {
            list-style: none;
            clear: left;
        }

        .div_content {
            display: none;
        }

        .li_content {
            display: none;
        }

        .pointer {
            cursor: pointer;
        }

        .hiddenValue {
            display: none;
        }
    </style>
</head>
<script type="text/javascript">
    var array_container = new Array();
    $(function () {
        var o0 = new Object();
        o0.name = "20'HD";
        o0.num = 0;
        array_container[0] = o0;
        var o1 = new Object();
        o1.name = "40'";
        o1.num = 0;
        array_container[1] = o1;
        var o2 = new Object();
        o2.name = "40'HQ";
        o2.num = 0;
        array_container[2] = o2;
        var o3 = new Object();
        o3.name = "45'";
        o3.num = 0;
        array_container[3] = o3;
    });

    function isNull(value) {
        if (!value) {
            return "undefined";
        } else {
            return value;
        }
    }

    function isUndefined(value) {
        if (value.indexOf("undefined") == 0) {
            return "";
        } else {
            return value;
        }
    }

    //截取0至fromIndex前的字符串
    function subStringBySamble(value, punctuation, fromIndex) {
        if (value.indexOf(punctuation, fromIndex) > -1) {
            return value.substring(0, fromIndex);
        } else {
            return value;
        }
    }

    //展示tab
    function busi(id) {
        $("#tabs").tabs();
        var li_id = "li_" + id;
        var tab_id = "tab_" + id;
        if ($("#" + id).attr("checked") == "checked") {
            $("#" + li_id).css("display", "block");
            $("#" + tab_id).css("display", "block");
        } else {
            $("#" + li_id).css("display", "none");
            $("#" + tab_id).css("display", "none");
        }
    }

    var temp_goodsId = 0;
    //添加订舱货物信息
    function confirm() {
        var goodsName = $("#goodsName").val();
        var weight = $("#weight").val();
        var volume = $("#volume").val();
        var model1 = $("#model1").val();
        var model2 = $("#model2").val();
        var model3 = $("#model3").val();
        var model4 = $("#model4").val();
        var model = "";
        if ((model1 == null || model1 == "") && (model2 == null || model2 == "") && (model3 == null || model3 == "") && (model4 == null || model4 == "")) {
            alert("请填写柜型!");
            return;
        }
        model = isUndefined(isNull(model1) + "X20'HD/") + isUndefined(isNull(model2) + "X40'/") + isUndefined(isNull(model3) + "X40'HQ/") + isUndefined(isNull(model4) + "X45'");
        model = subStringBySamble(model, "/", model.length - 1);
        var appendContent = "<td>" + goodsName + "</td><td>" + weight + "</td><td>" + volume + "</td><td>" + model + "</td><td style='display:none;'>" + temp_goodsId + "</td>";
        //alert($("#temp_goodsId").val());
        if (!$("#temp_goodsId").val() || $("#temp_goodsId").val() == "") {  //为新添加数据
            $("#goodsList").append("<tr id='tr_goodsId_" + temp_goodsId + "' onclick='edit(this);' class='pointer'>" + appendContent + "</tr>");
        } else {  //临时修改数据
            $(temp_goodsObj).empty();
            $(temp_goodsObj).append(appendContent);
        }
        $("#newGoods li input:text").each(function (i) {
            this.value = "";
        });
        temp_goodsId++;
        $("#temp_goodsId").val("");
        $("#isModify").val("");
    }

    //编辑商品信息
    var temp_goodsObj = null;
    function edit(tr_obj) {
        if (temp_goodsObj) $(temp_goodsObj).css("color", "black");
        temp_goodsObj = tr_obj;
        $(tr_obj).css("color", "red");
        if (tr_obj) {
            var tds = $(tr_obj).find("td");
            if (tds && tds.length > 0) {
                $("#goodsName").val($(tds[0]).text());
                $("#weight").val($(tds[1]).text());
                $("#volume").val($(tds[2]).text());
                $("#temp_goodsId").val($(tds[4]).text());
                var goods = $(tds[3]).text();
                var goodses = goods.split("/");
                for (var i = 0; i < goodses.length; i++) {
                    var types = goodses[i].split("X");
                    if (types[1] == "20'HD") {
                        $("#model1").val(types[0]);
                    } else if (types[1] == "40'") {
                        $("#model2").val(types[0]);
                    } else if (types[1] == "40'HQ") {
                        $("#model3").val(types[0]);
                    } else if (types[1] == "45'") {
                        $("#model4").val(types[0]);
                    }
                }
            }
        }
    }

    //添加报关商品列表
    function confirm3() {
        var recordNo = $("#de_recordNo").val();
        var commodityName = $("#de_commodityName").val();
        var turnvorNum = $("#de_turnvorNum").val();
        var turnoverUnit_text = $("#de_turnoverUnit").find("option:selected").text();
        var turnoverUnit_id = $("#de_turnoverUnit").val();
        var legalNum = $("#de_legalNum").val();
        var legalUnit_text = $("#de_legalUnit").find("option:selected").text();
        var legalUnit_id = $("#de_legalUnit").val();
        var sedNum = $("#de_sedNum").val();
        var sedUnit_text = $("#de_sedUnit").find("option:selected").text();
        var sedUnit_id = $("#de_sedUnit").val();
        var totlePrice = $("#de_totlePrice").val();
        var currency_text = $("#de_currency").find("option:selected").text();
        var currency_id = $("#de_currency").val();
        var arplace_text = $("#de_arplace").find("option:selected").text();
        var arplace_id = $("#de_arplace").val();
        $("#de_goodsList").append("<tr onclick='edit(this);'><td>" + recordNo + "</td><td>" + commodityName + "</td>" +
                "<td>" + turnvorNum + "</td>" + "<td>" + turnoverUnit_text + "</td>" + "<td style='display:none;'>" + turnoverUnit_id + "<td>" +
                "<td>" + legalNum + "</td>" + "<td>" + legalUnit_text + "</td>" + "<td style='display:none;'>" + legalUnit_id + "<td>" +
                "<td>" + sedNum + "</td>" + "<td>" + sedUnit_text + "</td>" + "<td style='display:none;'>" + sedUnit_id + "<td>" +
                "<td>" + totlePrice + "</td>" + "<td>" + currency_text + "</td>" + "<td style='display:none;'>" + currency_id + "<td>" +
                "<td>" + arplace_text + "</td>" + "<td style='display:none;'>" + arplace_id + "</td>" + "</tr>");
        $("#input_declaration li input:text").each(function (i) {
            this.value = "";
        });
        $("#input_declaration li input:hidden").each(function (i) {
            this.value = "";
        });
    }

    //添加装运信息
    function confirm2() {
        var arrays = $("#example").multiselect("getChecked");
        var ctNum = "";
        $(arrays).each(function (i) {
            //var selectedValue = this.value;
            //alert(selectedValue);
            ctNum = (ctNum == "") ? (this.value) : (ctNum + "," + this.value);
            this.checked = "";
        });
        var tri_name = $("#tri_name").val();
        var tri_facname = $("#tri_facname").val();
        var tri_facid = $("#tri_facid").val();
        var tri_adress = $("#tri_adress").val();
        var tri_cname = $("#tri_cname").val();
        var tri_cid = $("#tri_cid").val();
        var tri_cphone = $("#tri_cphone").val();
        var ctNumType = "";
        for (var i = 0; i < array_container.length; i++) {
            if (array_container[i].num > 0) {
                ctNumType = (ctNumType == "") ? array_container[i].name : ctNumType + "," + array_container[i].name;
                //ctNum = (ctNum=="")?(array_container[i].num+"X"+array_container[i].name):(ctNum+","+array_container[i].num+"X"+array_container[i].name);
            }
        }
        var tri_zhDate = $("#tri_zhDate").val();
        var tri_remark = $("#tri_remark").val();
        $("#tril_goodsList").append("<tr onclick='edit2(this);'><td>" + tri_name + "</td><td>" + tri_facname + "</td><td style='display:none;'>" + tri_facid + "</td>" +
                "<td>" + tri_adress + "</td><td>" + tri_cname + "</td><td style='display:none;'>" + tri_cid + "</td><" +
                "<td>" + tri_cphone + "</td><td>" + ctNumType + "</td><td>" + tri_zhDate + "</td><td>" + tri_remark + "</td><td style='display:none;'>" + ctNum + "</td></tr>");
        $("#trial_input li input:text").each(function (i) {
            this.value = "";
        });
        $("#trial_input li input:hidden").each(function (i) {
            this.value = "";
        });
        $(array_container).each(function (i) {
            this.num = 0;
        });

    }

    //提交表单
    function check(bizState) {
        //设定不同的业务状态
        $("#bizState").val(bizState);
        //拼装订舱商品信息
        var book_trs = $("#goodsList tr");
        if (book_trs.length > 1) {
            var books = $(book_trs[0]).find("td");
            var inputs = "";
            var index = 0;
            for (var i = 1; i < book_trs.length; i++) {
                var tr_tds = $(book_trs[i]).find("td");
                for (var j = 0; j < tr_tds.length; j++) {
                    if ($(books[j]).attr("lang")) {
                        var value = $(tr_tds[j]).text();
                        if (value == null || value == "" || value == "undefined") {
                            value = "";
                        }
                        inputs = inputs + "<input type='hidden' name='book.goodses[" + index + "]." + $(books[j]).attr("lang") + "' value=\"" + value + "\" />";
                    }
                }
                index++;
            }
            $("#book_input").html("");
            $("#book_input").append(inputs);
        }
        //拼装拖车货物列表
        var trial_trs = $("#tril_goodsList tr");
        if (trial_trs.length > 1) {
            var trials = $(trial_trs[0]).find("td");
            var inputs = "";
            var index = 0;
            for (var i = 1; i < trial_trs.length; i++) {
                var tr_tds = $(trial_trs[i]).find("td");
                for (var j = 0; j < tr_tds.length; j++) {
                    if ($(trials[j]).attr("lang")) {
                        var value = $(tr_tds[j]).text();
                        if (value == null || value == "" || value == "undefined") {
                            value = "";
                        }
                        if ($(trials[j]).attr("lang") == "factoryName") {
                            inputs = inputs + "<input type='hidden' name='trial.gdes[" + index + "].contacter.company' value=\"" + value + "\" />";
                        } else if ($(trials[j]).attr("lang") == "factoryAdress") {
                            inputs = inputs + "<input type='hidden' name='trial.gdes[" + index + "].contacter.address' value=\"" + value + "\" />";
                        } else if ($(trials[j]).attr("lang") == "ctNum") {
                            var text = value;
                            if (text.indexOf(",") > -1) {
                                var texts = text.split(",");
                                for (var m = 0; m < texts.length; m++) {
                                    var t = texts[m];
                                    //var ts = t.split("X");
                                    var ts = t.split("-");
                                    var num = ts[0];
                                    var type = ts[1];
                                    //for(var n=0; n<num; n++){//contain_index
                                    inputs = inputs + "<input type='hidden' name=\"trial.gdes[" + index + "].containers[" + m + "].ct_type\" value=\"" + type + "\" />"
                                            + "<input type='hidden' name=\"trial.gdes[" + index + "].containers[" + m + "].id\" value=\"" + num + "\" />";
                                    //}
                                }
                            } else {
                                //var ts = text.split("X");
                                var ts = text.split("-");
                                var num = ts[0];
                                var type = ts[1];
                                //for(var n=0; n<num; n++){
                                inputs = inputs + "<input type='hidden' name=\"trial.gdes[" + index + "].containers[" + 0 + "].ct_type\" value=\"" + type + "\" />"
                                        + "<input type='hidden' name=\"trial.gdes[" + index + "].containers[" + 0 + "].id\" value=\"" + num + "\" />";
                                //}
                            }
                        } else {
                            inputs = inputs + "<input type='hidden' name='trial.gdes[" + index + "]." + $(trials[j]).attr("lang") + "' value=\"" + value + "\" />";
                        }
                    }
                }
                index++;
            }
            //alert(inputs);
            $("#new_tril_goodsList").html("");
            $("#new_tril_goodsList").append(inputs);
        }
        //报关货物列表
        var decla_trs = $("#de_goodsList tr");
        if (decla_trs.length > 1) {
            var trials = $(decla_trs[0]).find("td");
            var inputs = "";
            var index = 0;
            for (var i = 1; i < decla_trs.length; i++) {
                var tr_tds = $(decla_trs[i]).find("td");
                for (var j = 0; j < tr_tds.length; j++) {
                    if ($(trials[j]).attr("lang")) {
                        inputs = inputs + "<input type='hidden' name='declare.commodities[" + index + "]." + $(trials[j]).attr("lang") + "' value=\"" + $(tr_tds[j]).text() + "\" />";
                    }
                }
                index++;
            }
            $("#new_de_goodsList").html("");
            $("#new_de_goodsList").append(inputs);
        }
        $("#businessForm").submit();
    }

    //托运方公司名称
    $(function () {
        $("#company_tname").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "contacter-findListByName",
                    dataType: "json",
                    type: "post",
                    data: {
                        name: request.term
                    },
                    success: function (data) {
                        response($.map(data.contacters, function (item) {
                            return {
                                id: item.id,
                                username: item.name,
                                phone: item.phone,
                                label: item.name + " - " + item.company,
                                value: item.company,
                                address: item.address
                            };
                        }));
                    }
                });
            },
            minLength: 0,
            select: function (event, ui) {
                $("#company").val(ui.item.value);
                $("#phone").val(ui.item.phone);
                $("#name").val(ui.item.username);
                $("#address").val(ui.item.address);
                $("#shipId").val(ui.item.id);
            }
        });
        /** 配置     autocomplete  触发点击事件
         $("#company_tname").bind("click",function(){
			$("#company_tname").trigger("keydown.autocomplete");
		});**/
    });
    //收货公司名称
    $(function () {
        $("#arr_company").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "contacter-findListByName",
                    dataType: "json",
                    type: "post",
                    data: {
                        name: request.term
                    },
                    success: function (data) {
                        response($.map(data.contacters, function (item) {
                            return {
                                id: item.id,
                                username: item.name,
                                phone: item.phone,
                                label: item.name + " - " + item.company,
                                value: item.company,
                                address: item.address
                            };
                        }));
                    }
                });
            },
            minLength: 1,
            select: function (event, ui) {
                $("#arr_company_id").val(ui.item.id);
                $("#arr_con_name").val(ui.item.username);
                $("#arr_con_phone").val(ui.item.phone);
            }
        });
    });
    //船务公司
    $(function () {
        $("#book_boat_id").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "business-findCompanysByNameType",
                    dataType: "json",
                    type: "post",
                    data: {
                        com_type: "CC",
                        sup_type: "F",//订舱业务类型
                        com_name: request.term
                    },
                    success: function (data) {
                        response($.map(data.companys, function (item) {
                            return {
                                id: item.id,
                                name: item.name,
                                value: item.name
                            };
                        }));
                    }
                });
            },
            minLength: 0,
            select: function (event, ui) {
                $("#book_boat").val(ui.item.id);
            }
        });

        $("#book_boat_id").bind("click", function () {
            $("#book_boat_id").trigger("keydown.autocomplete");
        });
    });
    //拖车业务代理人
    $(function () {
        $("#trial_sup_id").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "business-findCompanysByNameType",
                    dataType: "json",
                    type: "post",
                    data: {
                        com_type: "CC",
                        sup_type: "C",//拖车业务类型
                        com_name: request.term
                    },
                    success: function (data) {
                        response($.map(data.companys, function (item) {
                            return {
                                id: item.id,
                                name: item.name,
                                value: item.name
                            };
                        }));
                    }
                });
            },
            minLength: 0,
            select: function (event, ui) {
                $("#trial_sup").val(ui.item.id);
            }
        });

        $("#trial_sup_id").bind("click", function () {
            $("#trial_sup_id").trigger("keydown.autocomplete");
        });
    });

    //报关报检业务代理人
    $(function () {
        $("#declaration_sup_id").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "business-findCompanysByNameType",
                    dataType: "json",
                    type: "post",
                    data: {
                        com_type: "CC",
                        sup_type: "D",//拖车业务类型
                        com_name: request.term
                    },
                    success: function (data) {
                        response($.map(data.companys, function (item) {
                            return {
                                id: item.id,
                                name: item.name,
                                value: item.name
                            };
                        }));
                    }
                });
            },
            minLength: 0,
            select: function (event, ui) {
                $("#declaration_sup").val(ui.item.id);
            }
        });

        $("#declaration_sup_id").bind("click", function () {
            $("#declaration_sup_id").trigger("keydown.autocomplete");
        });
    });
    //大船公司
    $(function () {
        $("#book_ship_id").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "business-findCompanysByNameType",
                    dataType: "json",
                    type: "post",
                    data: {
                        com_type: "SC",
                        com_name: request.term
                    },
                    success: function (data) {
                        response($.map(data.companys, function (item) {
                            return {
                                id: item.id,
                                name: item.name,
                                value: item.name
                            };
                        }));
                    }
                });
            },
            minLength: 1,
            select: function (event, ui) {
                $("#book_ship").val(ui.item.id);
            }
        });
    });

    //装柜工厂名称
    $(function () {
        $("#tri_facname").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "contacter-findListByName",
                    dataType: "json",
                    type: "post",
                    data: {
                        name: request.term
                    },
                    success: function (data) {
                        response($.map(data.contacters, function (item) {
                            return {
                                id: item.id,
                                username: item.name,
                                phone: item.phone,
                                label: item.name + " - " + item.company,
                                value: item.company,
                                address: item.address
                            };
                        }));
                    }
                });
            },
            minLength: 1,
            select: function (event, ui) {
                $("#tri_facname").val(ui.item.value);
                $("#tri_cphone").val(ui.item.phone);
                $("#tri_cname").val(ui.item.username);
                $("#tri_adress").val(ui.item.address);
                $("#tri_cid").val(ui.item.id);
            }
        });
    });


    $(function () {
        //船期要求
        //$("#book_shipDate").datepicker();
        //建议装柜时间
        $("#tri_zhDate").datepicker();
    });

    //初始化表单
    $(function () {
        var option = {
            success: function showResponse(responseText, statusText, xhr, $form) {
                if ($.parseJSON(responseText.msg).state == 1) {
                    alert($.parseJSON(responseText.msg).msg);
                    //location.href = "business-businessList";
                }
            }
        };
        $("#businessForm").ajaxForm(option);
    });

    //判断显示拖车具体信息
    function showTrialInfo() {
        var cs = $("#containers").find("li input:text");
        if (cs) {
            var options = "";
            var flag = false;
            var id = 1;
            for (var i = 0; i < cs.length; i++) {
                var value = $(cs[i]).val();
                if (value != null && $.trim(value) != "") {
                    flag = true;
                    if (i == 0) {
                        for (var j = 0; j < value; j++) {
                            options = options + "<option value=\"" + id + "-20'HD\" id='" + id + "'>" + id + "-20'HD</option>";
                            id++;
                        }
                    } else if (i == 1) {
                        for (var j = 0; j < value; j++) {
                            options = options + "<option value=\"" + id + "-40'\" id='" + id + "'>" + id + "-40'</option>";
                            id++;
                        }
                    } else if (i == 2) {
                        for (var j = 0; j < value; j++) {
                            options = options + "<option value=\"" + id + "-40'HQ\" id='" + id + "'>" + id + "-40'HQ</option>";
                            id++;
                        }
                    } else {
                        for (var j = 0; j < value; j++) {
                            options = options + "<option value=\"" + id + "-45'\" id='" + id + "'>" + id + "-45'</option>";
                            id++;
                        }
                    }
                }
            }
            if (flag) {
                $("#trial_info_show").css("display", "block");
                $("#example").append(options);
            } else {
                $("#trial_info_show").css("display", "none");
            }
        }
        //$("select").multiselect({
        $("#example").multiselect({
            header: false,
            minWidth: 255,
            selectedList: 6,
            show: ["slide", 500],
            hide: ["explode", 1000],
            click: function (event, ui) {
                if (ui.checked) {  //加1
                    for (var i = 0; i < array_container.length; i++) {
                        if (array_container[i].name == ui.value) {
                            array_container[i].num += 1;
                            break;
                        }
                    }
                } else {  //减1
                    for (var i = 0; i < array_container.length; i++) {
                        if (array_container[i].name == ui.value) {
                            array_container[i].num -= 1;
                            break;
                        }
                    }
                }
            }
        });

        /*初始化上传功能*/
        var option = {
            success: function showResponse(responseText, statusText, xhr, $form) {
                jw.dialog("#dialog001").css("display", "none");
                $("#upload_so").css("display", "block");
                $("#so").css("display", "none");
                $("#soid").val(responseText.attachment.id);
                $("#soValue").html(responseText.attachment.id);
            }
        };
        $("#uploadForm").ajaxForm(option);
    }

    /**显示上传对话框**/
    function upload() {
        var param = {
            id: '#dialog001'
        };
        jw.dialog(param);
    }


</script>
<body>
<div id="dialog001" style="display:none">
    <s:form id="uploadForm" action="attach-upload" enctype="multipart/form-data">
        <s:file label="选择文件" name="attach"></s:file>
        <s:submit value="上传"></s:submit>
    </s:form>
</div>
<div id="mrdForm">
    <table>
        <tr>
            <td>基本资料填写</td>
        </tr>
    </table>
    <table>
        <tr>
            <td>托运方公司名称</td>
            <td><input type="text" id="company_tname"/></td>
            <td><input type="button" value="获取个人信息"/></td>
        </tr>
    </table>
</div>
<form method="post" action="business-add" id="businessForm">
    <div>
        <ul>
            <li>
                <ul>
                    <li class="li1">公司名称：</li>
                    <li class="li1"><input type="text" id="company" name="shipper.company"/></li>
                    <li class="li1">联系人：</li>
                    <li class="li1"><input type="text" id="name" name="shipper.name"/></li>
                    <li class="li2">联系电话：</li>
                    <li class="li2"><input type="text" id="phone" name="shipper.phone"/></li>
                    <li class="li2">联系地址：</li>
                    <li class="li2"><input type="text" id="address" name="shipper.address"/><input type="hidden"
                                                                                                   id="shipId"
                                                                                                   name="shipper.id"/>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- 业务状态 -->
    <input type="hidden" id="bizState" name="bizState" value="0"/>
    <div>
        <table>
            <tr>
                <td>业务类型：</td>
                <td></td>
            </tr>
        </table>
    </div>
    <div>
        <ul>
            <li><input type="checkbox" name="busiType" id="book" onclick="busi(this.id);"/>订舱
                <input type="checkbox" name="busiType" id="trial" onclick="busi(this.id);"/>拖车
                <input type="checkbox" name="busiType" id="declarate" onclick="busi(this.id);"/>报关
            </li>
        </ul>
        <input type="button" onclick="check(0);" value="存为草稿"/>
        <input type="button" onclick="check(1);" value="直接下单"/>
    </div>
    <div id="tabs">
        <ul id="liList">
            <li id="li_book" class="li_content"><a href="#tab_book">订舱</a></li>
            <li id="li_trial" class="li_content"><a href="#tab_trial">拖车</a></li>
            <li id="li_declarate" class="li_content"><a href="#tab_declarate">报关</a></li>
        </ul>
        <!-- 订舱 -->
        <div id="book_input" style="display: none;"></div>
        <div id="tab_book" class="div_content">
            <table>
                <tr>
                    <td>货物信息填写：</td>
                </tr>
            </table>
            <div id="newGoods">
                <ul>
                    <li class="li1">货物名称：</li>
                    <li class="li1"><input type="text" id="goodsName"/></li>
                    <li class="li1">毛重：</li>
                    <li class="li1"><input type="text" id="weight"/>kg</li>
                    <li class="li1">体积：</li>
                    <li class="li1"><input type="text" id="volume"/>㎡</li>
                </ul>
                <ul class="ul1">
                    <li class="li1">柜型：</li>
                    <li class="li1"><input type="text" id="model1"/>X20'HD / <input type="text" id="model2"/>X40' /
                        <input type="text" id="model3"/>X40'HQ / <input type="text" id="model4"/>X45'
                    </li>
                    <li class="li1"><input type="hidden" id="isModify"/>
                        <input type="hidden" id="temp_goodsId"/>
                        <input type="button" value="确认货物" onclick="confirm();"/></li>
                </ul>
            </div>
            <table>
                <tr>
                    <td>货物列表：</td>
                </tr>
            </table>
            <table id="goodsList">
                <tr>
                    <td lang="name">货物名称</td>
                    <td lang="gWeight">毛重</td>
                    <td lang="volume">体积</td>
                    <td lang="ctNumType">柜型</td>
                    <td style="display:none;"></td>
                </tr>
            </table>
            <br/>
            <table>
                <tr>
                    <td>收货人信息：</td>
                </tr>
            </table>
            <div>
                <ul>
                    <li class="li1">收货公司名称：</li>
                    <li class="li1"><input id="arr_company" type="text" name="book.consignee.company"/><input
                            type="hidden" id="arr_company_id" name="book.consignee.id"/></li>
                    <li class="li1">联系人：</li>
                    <li class="li1"><input type="text" id="arr_con_name" name="book.consignee.name"/></li>
                    <li class="li1">联系电话：</li>
                    <li class="li1"><input type="text" id="arr_con_phone" name="book.consignee.phone"/></li>
                </ul>
            </div>
            <table>
                <tr>
                    <td>托运信息：</td>
                </tr>
            </table>
            <div>
                <ul class="ul1">
                    <li class="li1">订舱业务代理人：</li>
                    <li class="li1"><input type="text" id="book_boat_id" name="book.supCompany.name"/><input
                            type="hidden" id="book_boat" name="book.supCompany.id"/></li>
                    <li class="li1">大船公司：</li>
                    <li class="li1"><input type="text" id="book_ship_id" name="book.shipping.name"/><input type="hidden"
                                                                                                           id="book_ship"
                                                                                                           name="book.shipping.id"/>
                    </li>
                    <li class="li1">业务类型：</li>
                    <li class="li1">
                        <select name="book.businessType">
                            <s:iterator value="businessType" status="status">
                                <option value='<s:property value="businessType[#status.index][1]"/>'><s:property
                                        value="businessType[#status.index][0]"/></option>
                            </s:iterator>
                        </select>
                    </li>
                </ul>
                <ul class="ul1">
                    <li class="li1">起运港：</li>
                    <li class="li1"><!-- <input type="text" name="book.stPort"/> -->
                        <select name="book.stPort">
                            <s:iterator value="ports" status="status">
                                <option value='<s:property value="ports[#status.index][1]"/>'><s:property
                                        value="ports[#status.index][0]"/></option>
                            </s:iterator>
                        </select>
                    </li>
                    <li class="li1">目的港：</li>
                    <li class="li1">
                        <select name="book.arPort">
                            <s:iterator value="ports" status="status">
                                <option value='<s:property value="ports[#status.index][1]"/>'><s:property
                                        value="ports[#status.index][0]"/></option>
                            </s:iterator>
                        </select>
                    </li>
                    <li class="li1">船期要求：</li>
                    <li class="li1"><input type="text" id="book_shipDate" name="book.shipDate"/></li>
                </ul>
                <ul class="ul1">
                    <li class="li1">总共需要的柜型柜量：</li>
                    <li class="li1"><input type="text" disabled="disabled" name="book.ctNumType"/></li>
                    <li class="li1">合作价格：</li>
                    <li class="li1"><input type="text" name="book.price"/></li>
                    <li class="li1">备注：</li>
                    <li class="li1"><input type="text" name="book.remark"/></li>
                </ul>
            </div>
        </div>

        <!-- 拖车 -->
        <div id="tab_trial" class="div_content">
            <div>
                <ul class="ul1">
                    <li class="li1">拖车业务代理人：</li>
                    <li class="li1"><input type="text" id="trial_sup_id" name="trial.supCompany.name"/><input
                            type="hidden" id="trial_sup" name="trial.supCompany.id"/></li>
                </ul>
            </div>
            <table>
                <tr>
                    <td>柜量信息：</td>
                </tr>
            </table>
            <div>
                <ul id="containers">
                    <li class="li1"><input type="text" id="model5"/>X20'HD / <input type="text" id="model6"/>X40' /
                        <input type="text" id="model7"/>X40'HQ / <input type="text" id="model8"/>X45'
                    </li>
                    <li><input type="button" onclick="showTrialInfo();" value="确认柜量"/></li>
                </ul>
            </div>
            <div id="trial_info_show" style="display: none;">
                <table>
                    <tr>
                        <td>装运信息：</td>
                    </tr>
                </table>
                <div id="trial_input">
                    <ul class="ul1">
                        <li class="li1">货物名称：</li>
                        <li class="li1"><input type="text" id="tri_name"/></li>
                        <li class="li1">装柜工厂名称：</li>
                        <li class="li1"><input type="text" id="tri_facname"/></li>
                        <li class="li1">工厂地址：</li>
                        <li class="li1"><input type="text" id="tri_adress"/></li>
                    </ul>
                    <ul class="ul1">
                        <li class="li1">联系人：</li>
                        <li class="li1"><input type="text" id="tri_cname"/><input type="hidden" id="tri_cid"/></li>
                        <li class="li1">联系电话：</li>
                        <li class="li1"><input type="text" id="tri_cphone"/></li>
                        <!-- <li class="li1">柜量：</li><li class="li1"><input type="text" id="model5"/>X20'HD / <input type="text" id="model6"/>X40' / <input type="text" id="model7"/>X40'HQ / <input type="text" id="model8"/>X45'</li> -->
                    </ul>
                    <ul class="ul1">
                        <li class="li1">请选择柜型：</li>
                        <li class="li1"><select id="example" name="example" multiple="multiple"></select></li>
                    </ul>
                    <ul class="ul1">
                        <li class="li1">建议装柜时间：</li>
                        <li class="li1"><input type="text" id="tri_zhDate"/></li>
                        <li class="li1">备注：</li>
                        <li class="li1"><input type="text" id="tri_remark"/></li>
                        <li class="li1"><input type="button" value="确认货物" onclick="confirm2();"/></li>
                    </ul>
                </div>
                <table>
                    <tr>
                        <td>货物列表：</td>
                    </tr>
                </table>
                <table id="tril_goodsList">
                    <tr>
                        <td lang="name">货物名称</td>
                        <td lang="factoryName">装柜工厂名称</td>
                        <td lang="id" style="display: none;">装柜工厂id</td>
                        <td lang="factoryAdress">工厂地址</td>
                        <td lang="contacter.name">联系人</td>
                        <td lang="contacter.id" style="display: none;">联系人id</td>
                        <td lang="contacter.phone">联系电话</td>
                        <td>柜型</td>
                        <td lang="zhDate">建议装柜时间</td>
                        <td lang="remark">备注</td>
                        <td style="display:none;" lang="ctNum">柜量</td>
                    </tr>
                </table>
                <div id="new_tril_goodsList"></div>
                <div id="so">
                    <table>
                        <tr>
                            <td>SO信息：</td>
                        </tr>
                        <tr>
                            <td>上传</td>
                            <td><input id="button_so" type="button" value="选择文件" onclick="upload();"/></td>
                        </tr>
                    </table>
                </div>
                <div id="upload_so" style="display:none;">
                    SO信息：<span id="soValue"></span><input name="trial.so" id="soid" style="display:none;"/>
                </div>
            </div>
        </div>


        <!-- 报关 -->
        <div id="submit_declarate"></div>
        <div id="tab_declarate" class="div_content">
            <ul class="ul1">
                <li class="li1">报关报检业务代理人：</li>
                <li class="li1"><input type="text" id="declaration_sup_id" name="declare.supCompany.name"/><input
                        type="hidden" id="declaration_sup" name="declare.supCompany.id"/></li>
            </ul>

            <table rules="rows" id="baseInfoTB">
                <tr>
                    <td class="labelTD">预录入编号</td>
                    <td><input type="text" class="textInput" name="declare.SNO" maxlength="9"/></td>
                    <td class="labelTD" id="label_ep">出口口岸</td>
                    <td><input type="text" class="textInput" name="declare.EXPORT_PORT"/></td>
                    <td class="labelTD">备案号</td>
                    <td><input type="text" class="textInput" name="declare.RECORD_ID" maxlength="12"
                               onblur="checkRECORD_ID()"/></td>
                </tr>
                <tr>
                    <td class="labelTD">合同协议号</td>
                    <td colspan="3"><input type="text" class="textInput" name="declare.CONTRACT_NO"
                                           style="width: 306px;" maxlength="20" title="最长20个字符"/></td>
                    <td class="labelTD" id="label_epdate">出口日期</td>
                    <td><input type="text" class="textInput" name="declare.EXPORT_DATE"/></td>
                </tr>
                <tr>
                    <td class="labelTD">经营单位</td>
                    <td><input type="text" class="textInput" name="declare.COMPANY_CO"/></td>
                    <td colspan="2"><input type="text" class="textInput" name="declare.COMPANY_NAME"
                                           style="width: 204px;"/></td>
                    <td class="labelTD">运输方式</td>
                    <td><input type="text" class="textInput" name="declare.TRANSPORT_MODE"/></td>
                </tr>
                <tr>
                    <td class="labelTD" id="label_fahuo">发货单位</td>
                    <td><input type="text" class="textInput" name="declare.FAHUO_COMPANY_CO"/></td>
                    <td colspan="2"><input type="text" class="textInput" name="declare.FAHUO_COMPANY_NAME"
                                           style="width: 204px;"/></td>
                    <td class="labelTD"></td>
                    <td class="labelTD"></td>
                </tr>
                <tr>
                    <td class="labelTD">申报单位</td>
                    <td><input type="text" class="textInput" name="declare.SHENBAO_COMPANY_CO"/></td>
                    <td colspan="2"><input type="text" class="textInput" name="declare.SHENBAO_COMPANY_NAME"
                                           style="width: 204px;"/></td>
                    <td class="labelTD"></td>
                    <td class="labelTD"></td>
                </tr>
                <tr>
                    <td class="labelTD">运输工具名称</td>
                    <td colspan="3"><input type="text" class="textInput" name="declare.TRANSPORT_NA"
                                           style="width: 306px;"/></td>
                    <td class="labelTD">航次号</td>
                    <td><input type="text" class="textInput" name="declare.VOYAGE_NO"/></td>
                </tr>
                <tr>
                    <td class="labelTD">提运单号</td>
                    <td><input type="text" class="textInput" name="declare.BL_NO" maxlength="15" title="最长15个字符"/></td>
                    <td class="labelTD">监管方式</td>
                    <td><input type="text" class="textInput" name="declare.TRADE_MODE"/></td>
                    <td class="labelTD">征免性质</td>
                    <td><input type="text" class="textInput" name="declare.LEVYMODE"/></td>
                </tr>
                <tr>
                    <td class="labelTD" id="label_lc_type">结汇方式</td>
                    <td><input type="text" class="textInput" name="declare.LC_TYPE"/></td>
                    <td class="labelTD">纳税单位</td>
                    <td><input type="text" class="textInput" name="declare.TEX_COMPANY"/></td>
                    <td class="labelTD">许可证号</td>
                    <td><input type="text" class="textInput" name="declare.LICENSE_NO"/></td>
                </tr>
                <tr>
                    <td class="labelTD" id="label_arrived_country">运抵国</td>
                    <td><input type="text" class="textInput" name="declare.ARRIVED_COUNTRY"/></td>
                    <td class="labelTD" id="label_arrived_port">指运港</td>
                    <td><input type="text" class="textInput" title="" name="declare.ARRIVED_PORT"/></td>
                    <td class="labelTD" id="goods_place">境内货源地</td>
                    <td><input type="text" class="textInput" name="declare.GOODS_ADDR"/></td>
                </tr>
                <tr>
                    <td class="labelTD">批准文号</td>
                    <td><input type="text" class="textInput" name="declare.APPROVAL_NO"/></td>
                    <td class="labelTD">成交方式</td>
                    <td><input type="text" class="textInput" name="declare.DEAL_MODE"/></td>
                    <td class="labelTD"></td>
                    <td class="labelTD"></td>
                </tr>
                <tr>
                    <td class="labelTD">运费</td>
                    <td><input type="text" class="textInput" name="declare.FREIGHT1"/></td>
                    <td><input type="text" class="textInput" name="declare.FREIGHT2"/></td>
                    <td><input type="text" class="textInput" name="declare.FREIGHT3"/></td>
                    <td class="labelTD"></td>
                    <td class="labelTD"></td>
                </tr>
                <tr>
                    <td class="labelTD">保费</td>
                    <td><input type="text" class="textInput" name="declare.PREMIUM1"/></td>
                    <td><input type="text" class="textInput" name="declare.PREMIUM2"/></td>
                    <td><input type="text" class="textInput" name="declare.PREMIUM3"/></td>
                    <td class="labelTD"></td>
                    <td class="labelTD"></td>
                </tr>
                <tr>
                    <td class="labelTD">杂费</td>
                    <td><input type="text" class="textInput" name="declare.OTHERFEE1"/></td>
                    <td><input type="text" class="textInput" name="declare.OTHERFEE2"/></td>
                    <td><input type="text" class="textInput" name="declare.OTHERFEE3"/></td>
                    <td class="labelTD"></td>
                    <td class="labelTD"></td>
                </tr>
                <tr>
                    <td class="labelTD">件数</td>
                    <td><input type="text" class="textInput" name="declare.GOODS_COUNT"/></td>
                    <td class="labelTD">包装种类</td>
                    <td><input type="text" class="textInput" name="declare.GOODS_PACKAGE"/></td>
                    <td class="labelTD">毛重（KG）</td>
                    <td><input type="text" class="textInput" name="declare.GROSS_WEIGHT"/></td>
                </tr>
                <tr>
                    <td class="labelTD">净重（KG）</td>
                    <td><input type="text" class="textInput" name="declare.NET_WEIGHT"/></td>
                    <td class="labelTD">随附单证</td>
                    <td><input type="text" class="textInput" name="declare.SUIFUDAN"/></td>
                    <td class="labelTD">报关单类型</td>
                    <td><input type="text" class="textInput" name="declare.CUSTOMS_TYPE"/></td>
                </tr>
                <tr>
                    <td class="labelTD">备注</td>
                    <td colspan="5"><input type="text" class="textInput" name="declare.REMARK" style="width: 494px;"/>
                    </td>
                </tr>
            </table>

            <table rules="rows" id="goodsListTB" class="dataTB">
                <tr class="titleTR" title="选中记录后，Ctrl+Z复制记录，Ctrl+U向上移动记录，Ctrl+I插入记录">
                    <td class="titleTD" style="width:35px;">序号</td>
                    <td class="titleTD" style="width:65px;">商品编号</td>
                    <td class="titleTD" style="width:65px;">备案序号</td>
                    <td class="titleTD" style="width:120px;">商品名称</td>
                    <td class="titleTD" style="width:100px;">规格</td>
                    <td id="label_td_gdestination" class="titleTD" style="width:70px;">目的地</td>
                    <td class="titleTD" style="width:50px;">数量</td>
                    <td class="titleTD" style="width:50px;">单位</td>
                    <td class="titleTD" style="width:50px;">币制</td>
                    <td class="titleTD" style="width:50px;">总价</td>
                    <td class="hiddenValue">征免</td>
                    <td class="hiddenValue">附加编号</td>
                    <td class="hiddenValue">成交单价</td>
                    <td class="hiddenValue">法定数量</td>
                    <td class="hiddenValue">法定单位</td>
                    <td class="hiddenValue">版本号</td>
                    <td class="hiddenValue">货号</td>
                    <td class="hiddenValue">生产厂家</td>
                    <td class="hiddenValue">第二数量</td>
                    <td class="hiddenValue">第二单位</td>
                    <td class="hiddenValue">工缴费</td>
                    <td class="hiddenValue">附加编号位置</td>
                </tr>
            </table>
            <table style="margin: 0 0 20px 566px;">
                <tr>
                    <td class="labelTD">总价汇总：</td>
                    <td id="gTotal" class="goodsInput disableInput" style="color:red;"></td>
                </tr>
            </table>
            <script>
                var declara_num = 0;
                function confirm4() {
                    declara_num++;
                    var GOODS_RECORD_ID = $("#GOODS_RECORD_ID").val();//备案序号
                    var GOODS_CODE_T = $("#GOODS_CODE_T").val();	//商品编号
                    var GOODS_CODE_S = $("#GOODS_CODE_S").val();//附加编号
                    var GOODS_NAME = $("#GOODS_NAME").val();//商品名称
                    var GOODS_MODE = $("#GOODS_MODE").val();//规格型号
                    var GOODS_DEAL_COUNT = $("#GOODS_DEAL_COUNT").val();//成交数量
                    var GOODS_UNIT = $("#GOODS_UNIT").val();//成交单位
                    var GOODS_UNIT_PRICE = $("#GOODS_UNIT_PRICE").val();//成交单价
                    var GOODS_TOTAL_PRICE = $("#GOODS_TOTAL_PRICE").val();//成交总价
                    var GOODS_CURRENCY = $("#GOODS_CURRENCY").val();//币制
                    var GOODS_LEGAL_COUNT = $("#GOODS_LEGAL_COUNT").val();//法定数量
                    var GOODS_LEGAL_UNIT = $("#GOODS_LEGAL_UNIT").val();//法定单位
                    var GOODS_VERSION_NO = $("#GOODS_VERSION_NO").val();//版本号
                    var GOODS_GOODS_NO = $("#GOODS_GOODS_NO").val();//货号
                    var GOODS_PRODUCER = $("#GOODS_PRODUCER").val();//生产厂家
                    var GOODS_SECOND_COUNT = $("#GOODS_SECOND_COUNT").val();//第二数量
                    var GOODS_SECOND_UNIT = $("#GOODS_SECOND_UNIT").val();//第二单位
                    var GOODS_DESTINATION = $("#GOODS_DESTINATION").val();//目的地
                    var GOODS_LEVYMODE = $("#GOODS_LEVYMODE").val();//征免
                    var GOODS_PROCESSING_FEE = $("#GOODS_PROCESSING_FEE").val();//工缴费
                    var tdconnect = "";
                    tdconnect = tdconnect + "<td>" + declara_num + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_CODE_T + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_RECORD_ID + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_NAME + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_MODE + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_DESTINATION + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_DEAL_COUNT + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_UNIT + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_CURRENCY + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_TOTAL_PRICE + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_LEVYMODE + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_CODE_S + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_UNIT_PRICE + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_LEGAL_COUNT + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_LEGAL_UNIT + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_VERSION_NO + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_GOODS_NO + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_PRODUCER + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_SECOND_COUNT + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_SECOND_UNIT + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_PROCESSING_FEE + "</td>";
                    tdconnect = tdconnect + "<td>" + GOODS_PROCESSING_FEE + "</td>";
                    tdconnect = tdconnect + "<td></td>";
                    tdconnect = "<tr onclick='edit3(this);'>" + tdconnect + "</tr>";
                    $("#goodsListTB").append(tdconnect);
                }
                function edit3(obj) {

                }
            </script>
            <div id="goodsDiv">
                <div id="CODE_POSI" class="0"></div>
                <div style="float: left;">
                    <table id="goodsInfoTB" rules="rows">
                        <tr>
                            <td class="labelTD">备案序号</td>
                            <td><input type="text" class="goodsInput" id="GOODS_RECORD_ID"/></td>
                            <td class="labelTD">商品编号</td>
                            <td><input type="text" class="goodsInput" id="GOODS_CODE_T" maxlength="8"/></td>
                            <td class="labelTD">附加编号</td>
                            <td><input type="text" class="goodsInput disableInput" id="GOODS_CODE_S"
                                       disabled="disabled"/></td>
                        </tr>
                        <tr>
                            <td class="labelTD">商品名称</td>
                            <td><input type="text" class="goodsInput" id="GOODS_NAME"/></td>
                            <td class="labelTD">规格型号</td>
                            <td colspan="3"><input type="text" disabled="disabled" class="goodsInput disableInput"
                                                   id="GOODS_MODE" style="width: 306px;"/></td>
                        </tr>
                        <tr>
                            <td class="labelTD">成交数量</td>
                            <td><input type="text" class="goodsInput" id="GOODS_DEAL_COUNT"/></td>
                            <td class="labelTD">成交单位</td>
                            <td><input type="text" class="goodsInput" id="GOODS_UNIT"/></td>
                            <td class="labelTD"></td>
                            <td class="labelTD"></td>
                        </tr>
                        <tr>
                            <td class="labelTD">成交单价</td>
                            <td><input type="text" class="goodsInput" id="GOODS_UNIT_PRICE"/></td>
                            <td class="labelTD">成交总价</td>
                            <td><input type="text" class="goodsInput" id="GOODS_TOTAL_PRICE"/></td>
                            <td class="labelTD">币制</td>
                            <td><input type="text" class="goodsInput" id="GOODS_CURRENCY"/></td>
                        </tr>
                        <tr>
                            <td class="labelTD">法定数量</td>
                            <td><input type="text" class="goodsInput" id="GOODS_LEGAL_COUNT"/></td>
                            <td class="labelTD">法定单位</td>
                            <td><input type="text" class="goodsInput" id="GOODS_LEGAL_UNIT" disabled="disabled"
                                       style="background-color:gray"/></td>
                            <td class="labelTD"></td>
                            <td class="labelTD"></td>
                        </tr>
                        <tr>
                            <td class="labelTD">版本号</td>
                            <td><input type="text" class="goodsInput" id="GOODS_VERSION_NO"/></td>
                            <td class="labelTD">货号</td>
                            <td><input type="text" class="goodsInput" id="GOODS_GOODS_NO"/></td>
                            <td class="labelTD" id="label_gproducer">生产厂家</td>
                            <td><input type="text" class="goodsInput" id="GOODS_PRODUCER"/></td>
                        </tr>
                        <tr>
                            <td class="labelTD">第二数量</td>
                            <td><input type="text" class="goodsInput" id="GOODS_SECOND_COUNT"/></td>
                            <td class="labelTD">第二单位</td>
                            <td><input type="text" class="goodsInput" id="GOODS_SECOND_UNIT" disabled="disabled"
                                       style="background-color:gray"/></td>
                            <td class="labelTD"></td>
                            <td class="labelTD"></td>
                        </tr>
                        <tr>
                            <td class="labelTD" id="gdestination">目的地</td>
                            <td><input type="text" class="goodsInput" id="GOODS_DESTINATION"/></td>
                            <td class="labelTD">征免</td>
                            <td><input type="text" class="goodsInput" id="GOODS_LEVYMODE"/></td>
                            <td class="labelTD" id="gprocessing_fee">工缴费</td>
                            <td><input type="text" class="goodsInput" id="GOODS_PROCESSING_FEE"/></td>
                        </tr>
                        <tr>
                            <td><input onclick="confirm4();" value="确认"/></td>
                        </tr>
                    </table>
                </div>

                <div style="position: relative; float: right; width: 300px;">
                    <table rules="rows" id="suifudanListTB" class="dataTB">
                        <tr class="titleTR">
                            <!-- 	      <td class="titleTD">随附单代码</td> -->
                            <td class="labelTD">随附单名称</td>
                            <td class="titleTD">随附单编号</td>
                        </tr>
                    </table>
                    <table id="suifudanInfoTB" rules="rows">
                        <tr>
                            <!-- 	      <td class="labelTD">随附单代码</td> -->
                            <td class="labelTD">随附单名称</td>
                            <td><input type="text" class="suifuInput" id="SUIFUDAN_CO" style="width:180px;"/></td>
                        </tr>
                        <tr>
                            <td class="labelTD">随附单编号</td>
                            <td><input type="text" class="suifuInput" id="SUIFUDAN_NO" style="width:180px;"/></td>
                        </tr>
                    </table>
                    <table id="otherInfoTB" rules="rows">
                        <tr>
                            <td class="labelTD">关联报关单</td>
                            <td><input type="text" name="declare.RE_MANIFEST"/></td>
                        </tr>
                        <tr>
                            <td class="labelTD">关联备案</td>
                            <td><input type="text" name="declare.RE_RECORD_ID"/></td>
                        </tr>
                        <tr>
                            <td class="labelTD">监管仓号</td>
                            <td><input type="text" name="declare.RE_JIANGUAN"/></td>
                        </tr>
                        <tr>
                            <td class="labelTD">货场代码</td>
                            <td><input type="text" name="declare.RE_YARD_ID"/></td>
                        </tr>
                    </table>
                </div>
                <div style="clear:both;"></div>
            </div>


        </div>
    </div>
</form>
</body>
</html>
